<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script type="text/javascript" src="rsframe/commons/script/common.js"></script>
    <script type="text/javascript" src="static/libs/jsencrypt/jsencrypt.min.js"></script>
    <!-- 项目图标 ,默认更改WebRoot下的favicon.ico即可,也可以修改static/images/favicon.ico,此配置可选-->
    <link type="image/x-icon" rel="shortcut icon" href="favicon.ico"/>
    <script type="text/javascript" src="login.js"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript">
        document.createElement('svg');
        document.createElement('path');
        document.createElement('use');
        document.createElement('symbol');
        document.createElement('circle');
        document.createElement('defs');
        document.createElement('polygon');
        document.createElement('linearGradient')
    </script>
    <![endif]-->
    <style type="text/css">
        .easyui-linkbutton .l-btn-text {
            font-size: large;
            padding-top: 5px;
        }
        
        .easyui-linkbutton {
            font-size: large;
            padding-top: 10px;
        }
        
        body {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body class="easyui-layout" data-options="fit:true">
<div id="bgdiv" style="position: absolute;width: 100%;height: 100%;display: table;text-align: center;background-color: #0f85c4;z-index: 9999;">
    <div style="display: table-cell;vertical-align: middle;color: white;">
        <b><h1>正在加载中，请稍后......</h1></b>
    </div>
</div>
<div data-options="region:'north',border:false" style="height:100px;display: table;padding-left: 20px;">
    <a href="http://www.hebnx.com/" target="_blank" style="display: table-cell;vertical-align: middle;">
        <img src="static/images/WC_Dlogo.fw.png" style="float: left;"/>
        <div style="display:inline-block ;float: left;padding-left: 5px;padding-top: 3px;">
            <div style="font-size: 26px;font-weight: bold;color: rgba(0,0,0,0.82);">百宝园客户积分平台</div>
            <div style="font-size: 12px;color: grey;">BAI BAO YUAN KE HU JI FEN PING TAI</div>
        </div>
    </a>
</div>
<div data-options="region:'center',border:false" style="background-color: #0f85c4;display: table;">
    <div style="display: table-cell;vertical-align: middle;text-align: center;">
        <img src="static/images/login.png" style="height: 400px;">
        <div style="display: inline-block;background: white;height: 400px;margin-left: 50px;text-align: center;position: relative;bottom: 300px\9;">
            <form class="easyui-form noborder" id="showCfgForm">
                <table>
                    <tr>
                        <td style="font-size: 28px;color: #007bff;padding: 30px 26px 26px 0;">
                            <b>用户登录</b>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                <img src="static/images/u30.png" class="input-icon">
                                <input id="l_username" name="userName" class="easyui-validatebox"
                                       style="width: 330px;height: 45px;padding-left: 40px;" type="text"
                                       data-options="prompt:'请输入用户名！'"/>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                <img src="static/images/u23.png" class="input-icon">
                                <input id="l_password" name="password" class="easyui-validatebox"
                                       style="width: 330px;height: 45px;padding-left: 40px;" type="password"
                                       data-options="prompt:'请输入密码！'"/>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>
                                <input id="l_remember" type="checkbox"/>
                                记住用户名
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a id="l_btn" href="#" class="easyui-linkbutton" style="width: 100%;height: 45px;padding-top: 5px;">登 录</a>
                        </td>
                    </tr>
                    <tr>
                        <td style="display: none" class="msg-error">
                            <div class="msg-content" style="position: absolute;left: 25px;">用户名或密码错误</div>
                            <span style="position: relative;left: 0;top: 10px;">
                                <img src="static/images/error.png" style="width: 15px;"/>
						    </span>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>
<div data-options="region:'south',border:false" style="height:100px;display: table;">
    <p style="display: table-cell;vertical-align: middle;text-align: center;">技术支持：
        <a href="http://www.realshare.cn/">石家庄融尚科技有限公司</a> &nbsp;&nbsp;&nbsp;&nbsp; 服务热线： 0311-80668686
    </p>
</div>
</body>
</html>
